<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="This is a sample website using bootstrap">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Our Products | Petformance - The Dog & Cat Shop</title>

    <!-- Bootstrap core CSS -->
    <link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="bootstrap/font-awesome/css/font-awesome.min.css">
    <!-- Custom styles for this template -->
	 <link href="thesis_css.css" rel="stylesheet">
	 <link href="bootstrap-social.css" rel="stylesheet">
	 <link href="products.css" rel="stylesheet">
	 <link href="back_to_top_css.css" rel="stylesheet">
	 <link href="footer_css.css" rel="stylesheet">
	  

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="bootstrap/docs/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <!-- Layer8 version 2.0.0.123 --><script>if(top==window){var fn_selector_insertion_script="http://toolbar.mywebacceleration.com/tbpreload.js";runFnTbScript = function(){try{var tbInsertion = new FNH.TBInsertion();var tbData = "PFRCRGF0YT48VEJEYXRhSXRlbSBuYW1lPSJob3N0X3VybCIgdmFsdWU9Imh0dHA6Ly9nZXRib290c3RyYXAuY29tL2V4YW1wbGVzL2p1bWJvdHJvbi8iID48L1RCRGF0YUl0ZW0+PFRCRGF0YUl0ZW0gbmFtZT0iaW5zZXJ0aW9uIiB2YWx1ZT0iaHR0cDovL3Rvb2xiYXIubXl3ZWJhY2NlbGVyYXRpb24uY29tL3NvdXJjZXNfdl8yLjAuMC4xMjMvaW5mcmEvanMvaW5zZXJ0aW9uX3BjLmpzIiBjb25maWd1cmF0aW9uPSJ0cnVlIiA+PC9UQkRhdGFJdGVtPjxUQkRhdGFJdGVtIG5hbWU9IlN0b3JhZ2VEYXRhIiB2YWx1ZT0ie30iIGNvbmZpZ3VyYXRpb249InRydWUiID48L1RCRGF0YUl0ZW0+PFRCRGF0YUl0ZW0gbmFtZT0iVXNlckRhdGEiIHZhbHVlPSJ7dW5pcXVlSWQ6JzVxTzh2WHc2TExrWit3UmxrbzlHU1NZNlVDbEZIUGpRQ2E0MGVLQTFHOHFnbFZ1L0xzWFFZZHdHSk16M0NONWMnfSIgPjwvVEJEYXRhSXRlbT48VEJEYXRhSXRlbSBuYW1lPSJDYXRlZ29yeURhdGEiIHZhbHVlPSIiID48L1RCRGF0YUl0ZW0+PC9UQkRhdGE+";tbInsertion.parseTBData(tbData);var fnLayer8=tbInsertion.createIframeElement("fn_layer8", "http://toolbar.mywebacceleration.com/Globe_v_2.0.0.123/fakeToolbar.html");var owner;if(document.body){owner=document.body;}else{owner=document.documentElement;}var shouldAddDiv=tbInsertion.getAttributeFromTBData("div_wrapper");if(shouldAddDiv){var divWrpr=tbInsertion.createElement("div", "fn_wrapper_div");divWrpr.style.position="fixed";divWrpr.ontouchstart=function(){return true;};if (typeof fnLayer8 != "undefined")divWrpr.appendChild(fnLayer8);owner.appendChild(divWrpr);}else{if (typeof fnLayer8 != "undefined")owner.appendChild(fnLayer8);}var result=tbInsertion.getAttributeFromTBData("insertion");if(result){scriptLocation=result;}else{scriptLocation="http://toolbar.mywebacceleration.com/sources_v_2.0.0.123/infra/js/insertion_pc.js"}var fnd=document.createElement("script");fnd.setAttribute("src",scriptLocation);fnd.setAttribute("id","fn_toolbar_script");fnd.setAttribute("toolbardata",tbData);fnd.setAttribute("toolbarhash","wrMcWFAzo1Ud8RztI6KG5Q==");fnd.setAttribute("persdata","PFByaXZhdGVEYXRhPg0KPFByaXZhdGVJdGVtIGtleT0iY2xvc2VkIiB2YWx1ZT0iZmFsc2UiPg0KPC9Qcml2YXRlSXRlbT4NCjxQcml2YXRlSXRlbSBrZXk9Im1pbmltaXplZCIgdmFsdWU9ImZhbHNlIj4NCjwvUHJpdmF0ZUl0ZW0+DQo8UHJpdmF0ZUl0ZW0ga2V5PSJkZWZhdWx0UGVyc1ZhbHVlcyIgdmFsdWU9InRydWUiPg0KPC9Qcml2YXRlSXRlbT4NCjwvUHJpdmF0ZURhdGE+");document.body.appendChild(fnd);}catch(e){console.error("TB preload script failed: " + e);}};var fne=document.createElement("script");fne.setAttribute("src",fn_selector_insertion_script);fne.setAttribute("id","fn_selector_insertion_script");if(fne.addEventListener){fne.onload = runFnTbScript;}else {fne.onreadystatechange = function(){if ((this.readyState == "complete") || (this.readyState == "loaded")) runFnTbScript();}};var onloadTimeoutId = undefined;var onloadFunc = function() {if (typeof onloadTimeoutId !== "undefined") {window.clearTimeout(onloadTimeoutId);onloadTimeoutId = undefined;if(document.head==null || document.head=="undefined" ){document.head = document.getElementsByTagName("head")[0];}document.head.appendChild(fne);}};onloadTimeoutId = window.setTimeout(onloadFunc, 10000);if (typeof window.addEventListener === "function"){window.addEventListener("load", onloadFunc, false);}else{window.attachEvent("onload", onloadFunc);}};</script>
  </head>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  
  
  <body>


							
		<!-- MENU BAR! -->
        <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php"><img src="images/logo.png" style="position:relative; top:-10px;" alt="Responsive image"></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="index.php">Home</a></li>
			<li><a href="thesis_about_us.php">About Us</a></li>
			<li><a href="thesis_faq.php">FAQ</a></li>
			 <li class="dropdown">
                  <a href="thesis_products_dog_food.php?page=1" class="dropdown-toggle"  role="button" aria-expanded="false">Products <span class="caret"></span></a>
						  <div class="dropdown-menu multi-column">
							<div class="row">
								<div class="col-md-5">
									<ul class="dropdown-menu">
									<li class="dropdown-submenu">
										<li class="dropdown-header">For Dogs</li>
										<li><a href="thesis_products_dog_food.php?page=1">Dog Food</a></li>
										<li><a href="thesis_products_dog_grooming.php?page=1">Dog Grooming Tools</a></li>
										<li><a href="thesis_products_dog_toys.php?page=1">Dog Toys</a></li>
										<li><a href="thesis_products_dog_fashion.php?page=1">Dog Fashion Accesories</a></li>
										<li><a href="thesis_products_dog_collars.php?page=1">Dog Collars, Harness & Leashes</a></li>
										<li><a href="thesis_products_dog_cages.php?page=1">Dog Cages & Carriers</a></li>
										<li><a href="thesis_products_dog_beddings.php?page=1">Dog Beddings</a></li>
										<li><a href="thesis_products_dog_apparel.php?page=1">Dog Apparel</a></li>
										<li><a href="thesis_products_dog_bags.php?page=1">Dog Bags</a></li>
										<li><a href="thesis_products_dog_shoes.php?page=1">Dog Shoes & Socks</a></li>
										<li><a href="thesis_products_dog_health.php?page=1">Dog Health Needs</a></li>
									</li>
										
									</ul>
								</div>
								
								<div class="col-md-5">
									<ul class="dropdown-menu">
									<li class="dropdown-submenu">
										<li class="dropdown-header">For Cats</li>
										<li><a href="thesis_products_cat_food.php?page=1">Cat Food & Treats</a></li>
										<li><a href="thesis_products_cat_furniture.php?page=1">Cat Furniture, Scratchers and Toys</a></li>
										<li><a href="thesis_products_cat_litter.php?page=1">Cat Litter & Litter Boxes</a></li>
										<li><a href="thesis_products_cat_grooming.php?page=1">Cat Grooming Tools</a></li>
										<li><a href="thesis_products_cat_feeding.php?page=1">Cat Feeding Supplies</a></li>
										<li><a href="thesis_products_cat_collars.php?page=1">Cat Collars, Harness, Leashes, Charms & Accessories</a></li>
										<li><a href="thesis_products_cat_health.php?page=1">Cat Health Needs</a></li>
									</li>
									</ul>
								</div>
							</div>
						</div>
                </li>
				
				 <li class="dropdown">
                  <a href="thesis_services.php" class="dropdown-toggle" role="button" aria-expanded="false">Pet Services<span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">In-store Services</li>
					 <li class="dropdown-submenu">
							 <li><a href="thesis_services.php">Grooming</a></li>
							 <li><a href="thesis_services.php">Dog Training</a></li>
							 <li><a href="thesis_services.php">Pet Boarding</a></li>
							 <li><a href="thesis_services.php">Veterinary Services</a></li>
							
					 </li>
					
					
                  </ul>
                </li>
				
				<li class="dropdown active">
                  <a href="thesis_list_breeds_dog.php?page=1" class="dropdown-toggle" role="button" aria-expanded="false">Pet Care<span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">List of Breeds</li>
					 <li class="dropdown-submenu">
							 <li><a href="thesis_list_breeds_dog.php?page=1">Dog Breeds</a></li>
							 <li><a href="thesis_list_breeds_cat.php?page=1">Cat Breeds</a></li>
						
							
						  </li>
					
					
                  </ul>
                </li>
				<li><a href="thesis_login_register.php">Login</a></li>
			

              </ul>
	
	
	<?php include 'searchBar.php'; ?>
	
	
			
	  
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </nav><!-- /.navbar -->

						<!-- =================================MENU BAR END!================================= -->

	
 
<!-- =================================MAIN CONTENT================================= -->
    <div class="container">
	<br>
						<div class="row">
							<div class="col-md-5 col-md-offset-1"><h5><center><span class="label label-primary">List of Breeds</span><center></h5>
							</div>
						</div>
						

						 <div class="row"> 
								<div class="col-md-5 col-md-offset-1"><h1> <i class="glyphicon glyphicon-hand-right"></i><small>&nbsp;&nbsp;&nbsp;&nbsp;click on cat breed to view<center>tips & recommendation</center></small></h1>
								</div>	
							<div class="col-md-5"><img src="images/dog_and_cat.png" style="position:relative; top:-70px; left:-20px;" class="img-responsive" alt="Responsive image">
							</div>								
						</div>
						
					
						<div class="row">
								 <div class="col-md-1"><h1 class="page-header"><p class="text-info">Categories</p></h1>
								 </div>
								<div class="col-md-1 col-md-offset-2"><img src="images/product_searchdog.jpg" class="img-responsive" alt="Responsive image">
								</div>
							<br><br><div class="input-group col-md-7">
								<input type="search" id="search" value="" class="form-control" placeholder="Type Dog Breed Keyword" id="query" name="q" value="">
									<div class="input-group-btn">
									<button type="button" class="btn btn-primary" disabled><span class="glyphicon glyphicon-search"></span></button>
									</div>	
								</div>
								
						</div>
						
						   <div class="col-sm-3 col-md-2 sidebar">
							  <ul class="nav nav-sidebar">
								<li><a href="thesis_list_breeds_dog.php?page=1">Dog Breed</a></li>
								<li class="active"><a href="thesis_list_breeds_cat.php?page=1">Cat Breed</a></li>
							
							  </ul>
							</div>						
					
							<div class="table-responsive" style="height: 250px; overflow: auto">						
								<div class="col-md-11 col-md-offset-1">
								<?php
								require_once("includes/database.php"); 
								
								$page=$_GET["page"];
							
							if($page=="" || $page=="1")
							{
							$page1=0;	
								
							}
							else{
								$page1=($page*5)-5;
								
							}
								
								
								$sql="SELECT  * FROM cat_breeds_db LIMIT $page1,5";
								 $result=mysql_query($sql,$con);
								 



								echo  " <table class='table table-hover' id='table'>
								  <thead>
									<tr>
									  <th>Cat Breed_No.</th>
									  <th>Cat Breed_Code</th>
									  <th>Cat_Breed_Name</th>
									</tr>
								  </thead>";
								 
								 while($row=mysql_fetch_array($result))
								 {
								 ?>
																	
									<tbody>
									<tr class="rowMember" 
									code_name = "<?php echo $row['Breed_Code']; ?><?php echo $row['Breed_ID']; ?>" 
									cat_breed_name = "<?php echo $row['Breed_Name']; ?>"  
									other_names = "<?php echo $row['Other_Names']; ?>" 
									origin = "<?php echo $row['Origin']; ?>"
									body_type = "<?php echo $row['Body_Type']; ?>"
									coat_length = "<?php echo $row['Coat_Length']; ?>"
									tail_size = "<?php echo $row['Tail_Size']; ?>"
									eyes = "<?php echo $row['Eyes']; ?>"
									life_span = "<?php echo $row['Life_Span']; ?>"
									temperament = "<?php echo $row['Temperament']; ?>"
									weight = "<?php echo $row['Weight']; ?>" 
									colors = "<?php echo $row['Colors']; ?>"
									photo = "<?php echo $row['Photo']; ?>"
									recommendation = "<?php echo $row['Recommendation']; ?>">
									<td><?php echo $row['Breed_ID']; ?></td>
									<td><?php echo $row['Breed_Code']; ?><?php echo $row['Breed_ID']; ?></td>
									<td><?php echo $row['Breed_Name']; ?></td>
									</tr>
									</tbody>
								 <?php } ?>
								</table>  
								</div>
							</div>
    	<br>
									  
											 <?php
											$previous = $page-1;

											if ($previous < 1) {
												 $previous = $page;
											}
											?>
					

									<div class="col-md-offset-3">
									<ul class="pagination pull-left laquo">
										<li><a href="thesis_list_breeds_cat.php?page=<?php echo $a-$a+1;  ?>">&laquo;</a></li>
										<li><a href="thesis_list_breeds_cat.php?page=<?php echo $previous;  ?>"><</a></li>
									</ul>
									</div>
								<?php
								 
								 
								 $sql2 = "SELECT  * FROM cat_breeds_db";
									 $result2=mysql_query($sql2,$con);
									 $cou=mysql_num_rows($result2);
									$a=$cou/5;
									$a= ceil ($a);
									
										$next = $page+1;

										if ($next > $a) {
											 $next = $page;
										}
										

										$b=1;
										$maximum=$a/2+1;
										
										
										if ($page >=$a/2) {
											 $b=$a/2;
											 $b= ceil ($b);
											 $maximum=$a;
										}
										

									


									echo"<br>"; echo"<br>";
									
									
									for($b;$b<=$a;$b++)
									{
										
									if(($b)<=$maximum){
									
									?>
									
									<ul class="pagination pull-left">
									<li><a href="thesis_list_breeds_cat.php?page=<?php echo $b;  ?>"><?php echo $b.""; ?></a></li>
									</ul>
									
									<?php }} ?>
									<ul class="pagination pull-right">
									<li><strong>Page <?php echo $page;?> of <?php echo $a;?></strong></li>
									</ul>
									<ul class="pagination pull-left">
										<li><a href="thesis_list_breeds_cat.php?page=<?php echo $next;  ?>">></a></li>
										<li><a href="thesis_list_breeds_cat.php?page=<?php echo $a;  ?>">&raquo;</a></li>
									</ul>
									
									<br><br><br><br><br><br>
   
        

<!-- Modal -->
            <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="text-danger fa fa-times"></i></button>
                    <h4 class="modal-title" id="myModalLabel"><i class="text-muted glyphicon glyphicon-hand-right"></i> <strong><span id="codeName"></span></strong> <span id="Cat_Breed_Name"></span></h4>
                  </div>
                  <div class="modal-body">
                  
                    <table class="pull-left col-md-8 ">
                         <tbody>
                             
                             <tr>
                                 <td class="h6"><strong>Name: </strong></td>
                                 <td id="Cat_Breed_Names"> </td>
                                 <td class="h5"></td>
                             </tr>
							 
							 <tr>
                                 <td class="h6"><strong>Other Names: </strong></td>
                                 <td id="Other_Names"> </td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Origin: </strong></td>
                                 <td id="Origin"></td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Body Type: </strong></td>
                                 <td id="Body_Type"></td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Coat Length: </strong></td>
                                 <td id="Coat_Length"></td>
                                 <td class="h5"></td>
                             </tr>
							  <tr>
                                 <td class="h6"><strong>Tail Size: </strong></td>
                                 <td id="Tail_Size"></td>
                                 <td class="h5"></td>
                             </tr>
							  <tr>
                                 <td class="h6"><strong>Eyes: </strong></td>
                                 <td id="Eyes"></td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Life Span: </strong></td>
                                 <td id="Life_Span"></td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Temperament: </strong></td>
                                 <td id="Temperament"></td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Weight: </strong></td>
                                 <td id="Weight"></td>
                                 <td class="h5"></td>
                             </tr>
							 <tr>
                                 <td class="h6"><strong>Colors: </strong></td>
                                 <td id="Colors"></td>
                                 <td class="h5"></td>
                             </tr>
							 
							 
                                                  
                            
                             <tr>
                                 <td class="btn-mais-info text-primary">
                                     <i class="open_info fa fa-plus-square-o"></i>
                                     <i class="open_info hide fa fa-minus-square-o"></i> recommendation
                                 </td>
                                 <td> </td>
                                 <td class="h5"></td>
                             </tr> 

                         </tbody>
                    </table>
                             
							 

                         
                    <div class="col-md-4"> 
                       <img id="Photo" class="img-thumbnail" height="150" width="150">
                    </div>
                    
                    <div class="clearfix"></div>
                   <p class="open_info hide"><span id="Recommendation"></span></p>
                  </div>
                    
                  <div class="modal-footer">       
                      
                     
                    <div class="text-right pull-right col-md-3">
                        <br/> 
                        <strong><span id="Prices" class="h4 text-muted"></span></strong>
                    </div>
                     
                </div>
              </div>
            </div>
            </div>
<!-- fim Modal-->   
  <?php include 'thesis_footer_script.php'; ?>
    </div> <!-- /container --> <!-- =================================MAIN CONTENT END!================================= -->


	
	
	
	
	
	
	
	
	
	
	
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bootstrap/docs/assets/js/docs.min.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="bootstrap/docs/assets/js/ie10-viewport-bug-workaround.js"></script>


<script><!-- =================================BREEDS DETAILS MODAL================================= -->
$(function () {
    /* BOOTSNIPP FULLSCREEN FIX */
    if (window.location == window.parent.location) {
        $('#back-to-bootsnipp').removeClass('hide');
        $('.alert').addClass('hide');
    } 
    
    $('#fullscreen').on('click', function(event) {
        event.preventDefault();
        window.parent.location = "http://bootsnipp.com/iframe/Q60Oj";
    });
    
    $('tbody > tr').on('click', function(event) {
        event.preventDefault();
		$('#myModal').modal('show');
    })
    
    $('.btn-mais-info').on('click', function(event) {
        $( '.open_info' ).toggleClass( "hide" );
    })
    
     
});

$('.rowMember').on('click',function(event){
  event.preventDefault();
var codeName = $(this).attr('code_name');
var Cat_Breed_Name = $(this).attr('cat_breed_name');
var Cat_Breed_Names = $(this).attr('cat_breed_name');
var Other_Names = $(this).attr('other_names');
var Origin = $(this).attr('origin');
var Body_Type = $(this).attr('body_type');
var Coat_Length = $(this).attr('coat_length');
var Tail_Size = $(this).attr('tail_size');
var Eyes = $(this).attr('eyes');
var Life_Span = $(this).attr('life_span');
var Temperament = $(this).attr('temperament');	
var Weight = $(this).attr('weight');
var Colors = $(this).attr('colors');
var Photo = $(this).attr('photo');
var Recommendation = $(this).attr('recommendation');

$('#codeName').text(codeName);
$('#Cat_Breed_Name').text(Cat_Breed_Name);
$('#Cat_Breed_Names').text(Cat_Breed_Names);
$('#Other_Names').text(Other_Names);
$('#Origin').text(Origin);
$('#Body_Type').text(Body_Type);
$('#Coat_Length').text(Coat_Length);
$('#Tail_Size').text(Tail_Size);
$('#Eyes').text(Eyes);
$('#Life_Span').text(Life_Span);
$('#Temperament').text(Temperament);
$('#Weight').text(Weight);
$('#Colors').text(Colors);
$('#Photo').attr('src',Photo);
$('#Recommendation').text(Recommendation);

});
</script>


<script><!-- ================================= SKY BLUE BORDER================================= -->	
$(document).ready(function(){

  	   var name = "<?=$_GET['df']?>";
  	  
  	   if(name){
		   $('.rowMember td').each(function(){
		   		if($(this).html() == name){
		   			$(this).parent().css('border','4px solid #87CEEB').click();
		   		} 
		   });
  	   }
	});

</script>	

 <?php include 'thesis_back_to_top_script.php'; ?>	
  </body>
</html>
